<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>京东</title>
   <link rel="stylesheet" href="./css/normalize.css">
   <link rel="stylesheet" href="./css/jd.css">
</head>
<body>
    <header class="header">
        <ul>
            <li><img src="./img/new-close.png" alt=""></li>
            <li><img src="./img/logo.png" alt=""></li>
            <li>
                <p>打开京东APP</p>
                <P>购物实惠又轻松</P>
            </li>
            <li><p>立即打开</p></li>
        </ul>
    </header>
    <!-- 搜索框 -->
        <div class="search-warp">
            <div class="search-btn"></div>
            <div class="search">
                <div class="search-jd"></div>
                <div class="search-sou">

                </div>
                <span class="search-text">蓝牙鼠标</span>
            </div>
            <div class="search-login">
                <a>登录</a>
            </div>
        </div>


    <!-- 广告图 -->
    <div class="banner">
        <img src="./upload/banner.dpg" alt="">
    </div>

    <div class="banner2">
        <img src="./img/效果图_09.jpg" alt="">
    </div>

    <!-- 京东超市导航栏 -->

    <div class="market_nav">
        <a href="#">
            <span class="nav_img"></span>
            <span>京东超市</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>全球购</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>全球购</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>京东超市</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>全球购</span>
        </a>
    </div>
    <div class="market_nav2">
        <a href="#">
            <span class="nav_img"></span>
            <span>京东超市</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>全球购</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>全球购</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>京东超市</span>
        </a>
        <a href="#">
            <span class="nav_img"></span>
            <span>全球购</span>
        </a>
    </div>


    <!-- 商品展示 -->
    <div class="good-list">
        <div class="good-top">
            <img src="./upload/goods1.webp" alt="">
            <img src="./upload/goods1.webp" alt="">
        </div>
        <div class="good-bottom">
            <img src="./upload/goods1.webp" alt="">
            <img src="./upload/goods1.webp" alt="">
        </div>
    </div>
</body>
</html>